<!DOCTYPE html>
<html>
    <head>
        <title><fmt:message key="app.name" /></title>
        <meta charset="UTF-8"> <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- Bootstrap -->
        <link rel="stylesheet" href="/resources/lib/bootstrap/css/bootstrap.min.css">

   
        
        <link href="/resources/lib/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css" />
        
        <script src="http://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
        
           <script src="http://www.bootcss.com/p/bootstrap-switch/static/js/bootstrapSwitch.js" type="text/javascript"></script>  
    </head>
<body>
<div class="switch" data-on="primary" data-off="info">
    <input type="checkbox" checked />
</div>

<div class="switch" data-on="info" data-off="success">
    <input type="checkbox" checked />
</div>

<div class="switch" data-on="success" data-off="warning">
    <input type="checkbox" checked />
</div>

<div class="switch" data-on="warning" data-off="danger">
    <input type="checkbox" checked />
</div>

<div class="switch" data-on="danger" data-off="primary">
    <input type="checkbox" checked />
</div>
    </body>
</html>